* {
    margin:  0;
    padding:  0;
    font-size: 13px;
}

body {
    background: #F3F3FF;
}

#main {
    margin: 200px auto auto auto;
    padding: 15px 7px;
    width:300px;
    border: 2px solid #F3F3FF;
    border-radius: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#D7DCEE), to(#B3BBD5));
    -webkit-box-shadow: 0px 0px 9px #888F99;
}

input, select {
    display: block;
    width: 240px;
    margin: 5px 0px 15px 40px;
    padding: 2px 4px 2px 4px;
    background: #F3F3FF;
    background: -webkit-gradient(linear, left top, right bottom, from(#F3F3FF), to(#E7F0F6));
    -webkit-box-shadow: 0px 0px 2px #FFF;
    border: 1px solid #A5B0C9;
    border-radius: 6px;
    color: #808090;
    outline: none;
    font-size: 14px;
}

input[type=submit] {
    width:120px;
    margin: 25px auto 0 40px;
    cursor: pointer;
}
 
input:focus, select:focus {
    border: 1px solid #808090;
    color: #506070;
}
 
input:hover, select:hover {
    background: #FFF;
}
 
label {
    font-size: 15px;
    font-weight: bold;
    color: #506070;
    margin: 0 0 0 10px;
}